<template>
    <div class="imgItem">
        <p>左邻右舍</p>
        <div class="img" v-for="(item,index) in footInfo" :key="index">
            <img :src="item.imgPath" width="170" height="170">
        </div>
    </div>
</template>

<script>
import {imgDown} from '@/network/imgDown/imgDown'
export default {
    name:'imgItem',
    data(){
        return{
            footInfo:''
        }
    },
    created(){
        let page = {
           page:'1',
           //页码
           num:6
           //一页的数量
       }
        imgDown(page).then(res => {
            res.data.result.pop()
            this.footInfo = res.data.result
            //console.log(res)
        }).catch( err => {
            console.log(err)
        })
    }

}
</script>

<style scoped>
.imgItem{
    width:1200px;
    margin: 0 auto;
    height: 220px;
}
.imgItem p{
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}
.img{
    width: 170px;
    height: 170px;
    float: left;
    margin: 0 15px;
}
</style>